<div class="container">

  <!--广告-->
  <div class="row m-b-20 m-t-20">
    <div class="col-md-12">
      <div class="adm-box">
      </div>
    </div>
  </div>

  <!--提示-->
  <div class="post-content">
    <p>本页面不再接受 <code>求图书</code> 需求，如有需要请前往：<a routerLink="/wish">心愿单</a></p>
    <p>有任何建议或者意见都可以留言告诉我们哦～</p>
    <p><strong>欢迎大家积极分享图书！</strong></p>
    <p>如果您手上有本站还未收录的精品图书<br>
      您可以通过邮件给我们发送图书的详细资料，及百度网盘下载链接。<br>
      我们在审核过后，会重新打包并上架至网站，并在图书详情页面添加您的<code>署名</code>。</p>
    <p>投稿邮箱 <a href="mailto:kindlezhuli@qq.com?subject=%E6%8A%95%E7%A8%BF"><code>kindlezhuli@qq.com</code></a>，</p>
  </div>

  <!--评论-->
  <div class="row m-b-20">
    <div class="col-md-12">

      <!--评论text-->
      <div class="row">
        <div class="col-md-10 col-xs-12">
          <textarea type="text" class="form-control" id="comment-text" rows="2" [(ngModel)]="commentText"
                    placeholder="来说两句吧..."></textarea>
        </div>
        <div class="col-md-2 col-xs-12">
          <button type="button" id="comment-submit-btn" (click)="submitComment()" class="btn btn-primary btn-block">
            提交留言
          </button>
        </div>
      </div>
      <!--评论title-->
      <div class="row p-rl-20">
        <div class="cmt-list-type">
          <ul class="clear-g type-lists">
            <li class="type-list active">评论</li>
          </ul>
          <div class="cmt-list-border"></div>
          <div class="cmt-list-number">
              <span class="comment-number"><span
                class="cy-number">{{commentCount}}</span>条评论</span>
          </div>
        </div>
      </div>

      <!--评论List-->
      <div class="row p-rl-20">
        <div class="cmt-list">
          <div class="cmt-item row" *ngFor="let c of commentList">
            <div class="col-xs-2 col-md-1">
              <img src="{{c.userFace}}" width="42" class="img-circle"
                   height="42" alt="">
            </div>
            <div class="col-xs-10 col-md-11">
              <div class="row wrap-user-gw">
                <span class="user-time-gw">{{c.createTime | date: 'y 年 MM 月 dd 日 hh:mm'}}</span>
                <span class="user-name-gw">{{c.userName}}</span>
              </div>
              <div class="row wrap-issue-gw">
                  <span class="wrap-word-gw">
                    {{c.content}}
                  </span>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!--广告-->
  <div class="row m-b-20">
    <div class="col-md-12">
      <div class="adm-box">
      </div>
    </div>
  </div>

</div>
